<template>
  <div>
    <el-row>
        <el-col>
            <el-descriptions class="margin-top" title="设置" :column="2" border>
                <template slot="extra">
                    <!-- <el-button type="primary" size="small">操作</el-button> -->
                </template>
            </el-descriptions>
        </el-col>
    </el-row>
    <el-divider id="der"></el-divider>
    <el-row>
         <el-col :md="12" >
            <h4 style="float: left;">设置背景</h4>
        <!-- </el-col> -->
        <!-- <el-col :md="4"> -->
            <div style="margin-top: 13px;">
                <el-select v-model="value" placeholder="云层">
                    <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :disabled="item.disabled"
                    :value="item.value">
                    </el-option>
                </el-select>
            </div>
        </el-col>
    </el-row>
    <!-- <el-divider id="der"></el-divider> -->
  </div>
</template>

<style>

</style>

<script>
export default {
    data(){
        return{
            options: [{
                value: 'clouds',
                label: '云层'
                }, {
                value: 'Birds',
                label: '尽请期待',
                disabled: true
                }
                // , 
                // {
                // value: 'Net',
                // label: '网状结构'
                // }
            ],
            value: ''
        }
    },
    methods: {
      
    },
    watch: {
        value: function(val){
            // console.log(val)
        }
    }
  }
</script>

